<div id="main_body">

<style>
	.ui-autocomplete 
	{
		max-height: 300px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 20px;
		font-size:12px;
	}
	#main_body td
	{
		font-size:14px;
	}
</style>
<link rel="stylesheet" href="../app_themes/chosen/chosen.css" />

{literal}
<script type="text/javascript" src="../app_themes/jquery/jquery-1.6.2.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.autocomplete.js"></script>
<script type="text/javascript" src="../app_themes/chosen/chosen.jquery.js" ></script>

<script type="text/javascript">
$(function()
{
	$("#odate").datepicker
	({
		
	});	
	
	$("#cdate").datepicker
	({
		
	});	
	
	$(".fancy").chosen(); 
	$(".fancy-deselect").chosen({allow_single_deselect:true});					  
});
</script>
{/literal}

<form method="post" action="post.php">

<h1>Post a New Job</h1>

{if $message != ''}<p style="font-weight:bold;color:blue;">{$message}</p>{/if}{if $message == ''}<br />{/if}

<br /><h2>Company and Job Information</h2>

<table class="signupForm">
    <tr>
    	<td>Company Name: </td>
        <td>
        	<select name='companyName' data-placeholder="Choose a Company..." class="fancy" style="width:300px;" tabindex="4">
          		<option value=""></option> 
                {foreach from=$companylist key=k item=v name='cList'}<option value="{$k}">{$v}</option>
                {/foreach}
            </select>
    </tr>
    <tr>
    	<td>Job Title:</td>
        <td><input name="jobtitle" type="text" style="width:300px;" required='true' x-moz-errormessage='Please enter a job title.' /></td>
    </tr>
    <tr>
    	<td>Address:</td>
        <td><input name="streetaddress" type="text" style="width:300px;" required='true' x-moz-errormessage='Please enter an address.' /></td>
    </tr>
    <tr>
    	<td>City:</td>
        <td><input name="city" type="text" style="width:300px;" required='true' x-moz-errormessage='Please enter a city.' /></td>
    </tr>
    <tr>
    	<td>State:</td>
        <td>
        	<select name='state' data-placeholder="Choose a State..." class="fancy" style="width:175px;">
          		<option value=""></option> 
                {foreach from=$states key=k item=v name='sList'}<option value="{$k}">{$v}</option>
                {/foreach}
            </select>
        </td>
    </tr>
    <tr>
    	<td>Zip Code:</td>
        <td><input name="zip" type="text" required="true" pattern="{$zipREX}" 
            	size="10" maxlength="10" x-moz-errormessage="Please enter a valid zip-code" value="" /></td>
    </tr>
    <tr>
    	<td>Opening Date:</td>
        <td><input type="text" id="odate" name="odate" required="true" x-moz-errormessage="Please select an Opening Date" /></td>
    </tr>
    <tr>
    	<td>Closing Date:</td>
        <td><input type="text" id="cdate" name="cdate" required="true" x-moz-errormessage="Please select a Closing Date" /></td>
    </tr>
    <tr>
    <tr>
    	<td>Starting Wage:</td>
        <td><input name="wage" type="text" /></td>
    </tr>
    <tr>
    	<td>Full or Part Time:</td>
        <td><select name="time" class="fancy" style="width:175px;">
				<option value="Full Time">Full Time</option>
				<option value="Part Time">Part Time</option>
			</select></td>
    </tr>
    <tr>
    	<td>Permanent or Temporary:</td>
        <td><select name="dur" class="fancy" style="width:175px;">
				<option value="Permanent">Permanent</option>
				<option value="Temporary">Temporary</option>
			</select></td>
    </tr>
    <tr>
    	<td>Shift:</td>
        <td><select name="shift" class="fancy" style="width:175px;">
				<option value="1st Shift">1st Shift</option>
				<option value="2nd Shift">2nd Shift</option>
				<option value="3rd Shift">3rd Shift</option>
			</select>
		</td>
    </tr>
    <tr>
    	<td>Transportation:</td>
        <td><select name="trans" class="fancy" style="width:300px;">
				<option value="Bus Transportation Available">Bus Transportation Available</option>
				<option value="Bus Transportation Not Available">Bus Transportation Not Available</option>
			</select></td>
    </tr>
</table>

<br />
<h2>Industry Classifications- Positions</h2>

<table>
	<tr>
    	<td width='45%'>Experience Required: </td>
        <td>
        	<select name='expRequired[]' data-placeholder="Choose Required Experiences..." class="fancy" multiple="multiple" style="width:500px;">
          		<option value=""></option> 
                {foreach from=$experience key=k item=v name='eList'}<option value="{$k}">{$v}</option>
                {/foreach}
            </select>
        </td>
    </tr>
	<tr>
    	<td>Experience Level: </td>
        <td><select name="expLevel" style="width: 175px" class='fancy'>
				<option value="0">None</option>
				<option value="1">1 year</option>
				<option value="2">2 years</option>
				<option value="3">3 years</option>
				<option value="4">4 years</option>
				<option value="5">5 years</option>
				<option value="6">6 years</option>
				<option value="7">7 years</option>	
				<option value="8">8 years</option>
				<option value="9">9 years</option>
				<option value="10">10 years</option>
				<option value="11">11 years</option>
				<option value="12">12 years</option>
				<option value="13">13 years</option>
				<option value="14">14 years</option>
				<option value="15">15+ years</option>
		</select></td>
    </tr>
</table>
	
<br />

<h2>Job Listing Qualifications/Requirements</h2>

	Job Description:<br />
	<textarea name="jobdesc" style="width: 669px; height: 235px"></textarea><br />
	<br />
	Requirements/Qualifications:<br />
	<textarea name="qualifications" style="width: 669px; height: 165px"></textarea><br />
	<br />
	How to Apply:<br /> <textarea name="howtoapply" style="width: 669px; height: 165px"></textarea><br />
	<br />
	Other Notes:<br /> <textarea name="othernotes" style="width: 669px; height: 165px"></textarea><br />
	<br />
<input type="submit" value="Submit" name="submit" />
<input type="reset" value="Reset" name="reset" />
</form>

</div>